<template>
  <view class="activity-entry">
    <view class="activity-entry__nav" @tap="nav('/subpackage/shop/pages/activity/open')">
      <view>签到奖励设置</view>
      <view>{{ shopList[0].isEnableRewardSign ? "开启" : "关闭"
        }}<icon class="iconfont">&#xe641;</icon>
      </view>
    </view>
  </view>
</template>
<script>
  import {
    mapState
  } from "vuex";
  export default {
    computed: {
      ...mapState("user", ["shopList"])
    }
  };
</script>

<style lang="less">
  page {
    background-color: #f7f7f7;

    .flexCenter() {
      display: flex;
      align-items: center;
    }

    .activity-entry {
      &__nav {
        .flexCenter();
        justify-content: space-between;
        margin: 30rpx 0 0;
        padding: 0 30rpx;
        height: 90rpx;
        font-size: 32rpx;
        font-weight: bold;
        color: #373737;
        background-color: #fff;
        box-sizing: border-box;

        >view:last-child {
          .flexCenter();
          font-size: 26rpx;
          color: #999;

          .iconfont {
            margin: -6rpx -12rpx 0 0;
            color: #595656;
          }
        }
      }
    }
  }
</style>